page-apartment-detail {
  .apartment-detail{
    background-color: #EFEFF4;
    ion-slides{
      .swiper-pagination{
        text-align: right;
      }
    }
    .apartment-msg{
      box-shadow: none;
      border-bottom: 1px solid #b2b2b2;
      padding-bottom: 25px;
      margin-bottom: 5px;
      .city{
        font-size:2.25rem;
        font-weight: bold;
      }
      .desc{
        font-size:1.5rem;
      }
      .loc{
        font-size: 1.375rem;
        margin-top: 6px;
      }
    }
    .house{
      background-color: white;
      margin-top: 5px;
      .outer{
        border-bottom: 1px solid #eee;
        .pic{
          img{
            width: 125px;
            height: 90px;
          }
        }
        .inner{
          justify-content: space-between;
          position: absolute;
          padding-bottom:12px;
          .house{
            font-size:1.875rem;
          }
           .price{
            font-size: 1.375rem;
            span{
              font-size: 2.25rem;
            }
          }
          .area{
            font-size:1.625rem;
            color:#888;
          }
          button{
            border-radius: 0;
            width:48%;
            height: 30px;
            font-size: 1.5rem;
            cursor: pointer;
          }
          .right-btn{
            margin-right: 4%;
          }
        }
      }
      .room-detail{
        font-size:1.5rem;
        .up{
          &:after{
            padding-left: 4px;
            content: "\f3d0";
            display: inline-block;
            font-family: "Ionicons";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            text-rendering: auto;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
          }
        }
        .down{
          &:after{
            padding-left: 4px;
            content: "\f3d8";
            display: inline-block;
            font-family: "Ionicons";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            text-rendering: auto;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
          }
        }
        .detail-btn{
          padding: 5px 0 0 0;
          color:#888;
        }
        p{
          padding: 10px 0;
          margin: 0;
        }
        img{
          width: 100%;
          padding-bottom: 10px;

        }
        .details{
          background-color: #fafafa;
          text-align: center;
        }
      }

    }
  }


}
